@media only screen and (min-width: 0px) and (max-width: 750px){
  body{
    @for $i from 1 through 800{
      --rem-#{$i}: #{$i*2}rem;
      --rem-#{$i}-n: -#{$i*2}rem;
    }
  }
  html,body{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    // 滚动条整体宽度
    &::-webkit-scrollbar {
      width: 0;
      display: none;
    }
  }
}

@media only screen and (min-width: 751px) and (max-width: 5200px){
  body{
    @for $i from 1 through 800{
      --rem-#{$i}: #{$i}rem;
      --rem-#{$i}-n: -#{$i}rem;
    }
  }
}
